/*****************首页部分***************************/
a {
    /*color: #383838;*/
}

.am-header-left .am-icon-angle-down {
    font-size: 2rem;
}

.margin-titleleft10 {
    margin: 0 0 0 60px !important;
}

.am-navbar-default a {
    color: #999999;
}

.am-navbar {
    border-top: 1px solid #e5e5e5;
}

.am-titlebar-default .am-titlebar-title {
    color: #333333 !important;
}

.am-navbar-nav .selected {
    color: #32a4f9 !important;
}

.am-titlebar {
    height: 44px;
}

.am-home-menu img {
    width: 40px !important;
}

.am-titlebar-default {
    border: 0;
    line-height: 44px;
}

.am-titlebar-default .am-titlebar-title {
    font-size: 1.5rem;
    font-weight: normal;
}

.am-titlebar-default .am-titlebar-title:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    /*border-radius: 3px;*/
}

.am-header-left {
    font-size: 1.5rem;
    margin-top: 1px;
}

.am-bottom-border {
    border-bottom: 1px solid #dad8d9;
}

.am-home-menu .am-thumbnail {
    border: 0 !important;
}

.margin-top-55 {
    margin-top: 55px
}

.bg-gray {
    background-color: #f8f8f8
}

.bg-gray-2 {
    background-color: #f0eff5
}

.piaofu {
    background: rgba(0, 0, 0, 0.3);
    padding: 6px 10px 6px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #ffffff;
}

.height110 {
    height: 110px;
    overflow: hidden;
}

.am-u-sm-6 img {
    width: 100%;
}

.active-right {
    margin: 0 2% 0 1%;
    width: 47%
}

.menu-color-1 {
    color: #49bdf0;
}

.menu-color-2 {
    color: #c679b1;
}

.menu-color-3 {
    color: #8c76b4;
}

.menu-color-4 {
    color: #e04183;
}

.active-1 {
    background: url('../images/upload/active-1.png');
    background-size: 100% 200px;
    height: 200px;
    margin: 0 1% 0 2%;
    width: 47%
}

.active-2 {
    background: url('../images/upload/active-2.png');
    background-size: 100% 95px;
    height: 95px;
}

.active-3 {
    background: url('../images/upload/active-3.png');
    background-size: 100% 95px;
    height: 95px;
    margin-top: 10px;
}

/***************************选择城市开始*************************/
.filter-container {
    /*position: absolute;*/
    width: 100%;
    /*z-index: 1000;*/
    /*margin-top: 49px;*/

}

.filter-container .list-ics {
    display: inline-block;
    width: 22px;
    height: 22px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -3px
}

.filter-container .list-ics img {
    width: 100%
}

.list-group {
    background: #fff;
    /*padding: 0 15px*/
    padding: 0 0px;
}

.list-group li {
    height: 45px;
    line-height: 46px;
    font-size: 15px;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 0 15px
}

.list-group li:last-child {
    border: 0
}

.list-group li.selected a {
    color: #63d9a4
}

.list-group a {
    color: #4d4d4d
}

.list-group i {
    position: absolute;
    right: 20px;
    top: 0px;
    line-height: 45px;
    color: #63d9a4;

}

.list-group .selected i:before {
    content: "\f00c";
}

.icon-content {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    color: #e50083;
}

.list-group .left-span {
    position: absolute;
    max-width: 10em;
    height: 43px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.list-group .right-value {
    display: block;
    padding-right: 8px;
    text-align: right;
    color: #999;
    font-size: 14px
}

.am-margin-top-0 {
    margin-top: 0px !important;
}

.letter {
    background-color: #f8f8f8;
    font-size: 14px !important;
    height: 40px !important;
    line-height: 40px !important;

    /*margin: 0 -15px;*/
}

.letter a {
    color: #333333 !important;
}

ul {
    margin: 0 !important;
}

.am-header-icon-custom {
    margin-top: 2px;
    margin-left: 5px;
}

.am-header-right-icon-custom {
    margin-top: -5px;
}

/**********************选择城市结束***********************************/

/*************************生活妆开始*********************************************/
.bg-white {
    background-color: #FFFFFF;
}

.monney-color {
    color: #e30083;
}

.life-makeup {
    color: #000000;
    padding: 5px 0px 5px 0px;
}

.life-makeup img {
    height: 22px;
    width: 22px;
    margin-top: -2px;
}

.life-makeup span {
    font-size: 15px;
    color: #666666;
}

.star {
    background: url("../images/icons/rating_nor.png");
    width: 18px;
    height: 18px;
    background-size: 100%;

    display: block;
    margin-right: 10px;
    float: left;
}

.star-cur {
    background: url("../images/icons/rating_sel.png");
    width: 18px;
    height: 18px;
    background-size: 100%;

    display: block;
    margin-right: 10px;
    float: left;
}

.stars {
    background: url("../images/icons/rating_nor.png");
    width: 16px;
    height: 16px;
    background-size: 100%;

    display: block;
    margin-right: 10px;
    float: left;
}

.stars-cur {
    background: url("../images/icons/rating_sel.png");
    width: 16px;
    height: 16px;
    background-size: 100%;

    display: block;
    margin-right: 10px;
    float: left;
}

.line-51 {
    line-height: 51px !important;
}

.icon-star {
    background: url("../images/icon/shouye_106.png");
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-top: 1px;
    display: block;
    margin-right: 5px;
    float: left;
}

.icon-star.cur {
    background: url("../images/icon/shouye_104.png");
    background-size: 100%;
}

.star-select {
    background: url("../images/icon/order/star_on.png");
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-top: 6px;
    display: block;
    margin-left: 8%;
    float: left;
}

.star-select-grap {
    background: url("../images/icon/order/star.png");
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin-top: 6px;
    display: block;
    margin-left: 8%;
    float: left;
}

.star-font {
    font-size: 18px;
}

.am-life-bottom {
    margin: 0 !important;
}

.am-font-color-black {
    color: #000000;
}

.am-indent {
    text-indent: 2rem;
}

.am-yuezhuang {
    background-color: #e30083 !important;
    border: 0 !important;
    border-radius: 5px;
    padding: .5rem 2rem !important;
}

.am-kefu {
    background-color: #f88268 !important;
    border: 0 !important;
    border-radius: 5px;
    padding: .5rem 2rem !important;
}

.remark {
    padding: 10px 1rem
}

.am-btn-menu {
    border: 0 !important;
}

.menu-border {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    position: fixed;
    top: 49px;
    z-index: 10
}

.menu-border .am-u-sm-4:active, .menu-border .am-u-sm-4:focus, .menu-border .am-u-sm-4:hover {
    color: #e30083;
}

.padding-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-menu i.cur {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* Internet Explorer */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
    top: 4.5px;
}

.sort-down {
    background: url("../images/icon/down.png") no-repeat;
    background-size: 14px 14px;
    padding: 8px;
    position: absolute;
    top: 6.5px;
    margin-left: 3px;
}

.sort-up {
    background: url("../images/icon/up.png") no-repeat;
    background-size: 14px 14px;
    padding: 8px;
    position: absolute;
    top: 1rem;
    margin-left: 3px;
}

.life-list img {
    width: 80px !important;
    height: 80px !important;
}

.person-name {
    font-size: 20px;
}

.person-remark {
    font-size: 14px;
    color: #666666;
}

.location {
    background: url("../images/icon/location.png") no-repeat;
    float: right;
    margin-right: 2px;
    background-size: 10px 14px;
    height: 14px;
    width: 10px;
}

.location-font {
    font-size: 13px;
    margin-right: 10px;
    margin-top: -2px;
}

.jiedan {
    color: #e50085;
    font-size: 12px;
    position: absolute;
    top: 12px;
    right: 10px;
    font-style: normal;
}

.margin-top-5px {
    margin-top: 5px;
}

.margin-top-4px {
    margin-top: 4px;
}

.margin-top-4 {
    margin-top: 50px
}

.margin-top-50 {
    margin-top: 50px
}

.margin-top-48 {
    margin-top: 48px
}

.margin-top-100 {
    margin-top: 100px
}

.margin-top-42 {
    margin-top: 42px
}
.margin-top-48 {
    margin-top: 48px
}
.margin-top-53 {
    margin-top: 53px
}

.select-div {
    background-color: #FFFFFF;
    padding: 5px 0px 5px 15px;
    border-radius: 3px;
    margin: 55px 1% 5px 1%;
    width: 98%;
    height: 40px;
    font-size: 16px;
}

.select-div input {
    outline: none;
    border: 0;
    width: 90%;
}

.select-icon img {
    height: 16px !important;
    width: 16px !important;
    margin-top: 0px !important;
    margin-right: 3px !important;
}

/*************************生活妆结束****************************************************/

/***************************化妆师详情开始********************************************/
.font-remark {
    font-size: 14px;
    color: #959595;
}

.border-right {
    border-right: 1px solid #eeeeee;
}

.detail-icon {
    padding: 8px 0;
}

.detail-icon img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    margin-top: -2px;
}

.font-gray {
    color: #666666;
    /*font-size: 14px;*/
}

.font-gray-1 {
    color: #cccccc !important;
}

.comment img {
    height: 16px !important;
    width: 8px !important;
    margin-top: -4px !important;
}

.font-mid-80 {
    height: 80px;
    line-height: 80px;
}

.padding-0 {
    padding: 0 !important;
}

.padding-top-bottom-10 {
    padding: 10px 0 !important;
}

.padding-bottom-7 {
    padding-bottom: 7px;
}

.padding-bottom-4 {
    padding-bottom: 4px;
}

.padding-bottom-2 {
    padding-bottom: 2px;
}

.padding-bottom-55 {
    padding-bottom: 55px;
}

.expert_tabs .am-u-sm-4.cur, .expert_tabs .am-u-sm-3.cur {
    color: #45a8f9;
}

.padding-bottom-0 {
    padding: 0 0 20px 0 !important;
}

.padding-1 {
    padding-left: 1px !important;
}

.padding-top-6 {
    padding: 6px 0 0 0 !important;
}

.padding-15px {
    padding-left: 18px;
    margin-top: 3px;
}

.padding-top-10 {
    padding: 10px 0 0 0 !important;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-42 {
    padding-top: 42px;
}

.padding-top-50 {
    padding-top: 50px;
}

.font-small {
    font-size: 14px;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px !important;
}

.pic-title {
    color: #e30083 !important;
    padding: 5px 0;
}

/***************************化妆师详情结束*******************************************/

/*****************************填写订单开始*****************************************/
.order-step {
    font-size: 14px;
}

.order-step img {
    width: 40px;
    height: 40px;
}

.step img {
    width: 40px !important;
    height: 10px !important;
    margin-top: 10px;
}

.yuyue-self {
    border: 1px solid #e30083;
    background-color: #e30083;
    color: #FFFFFF;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.yuyue-self.cur {
    background-color: #FFFFFF;
    color: #000000;
}

.yuyue-other {
    background-color: #FFFFFF;
    border: 1px solid #e30083;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.yuyue-other.cur {
    background-color: #e30083;
    color: #FFFFFF;
}

.margin-0 {
    margin: 0 !important;
}

.padding-bottom {
    padding-bottom: 0 !important;
}

.icon-edit {
    background: url('../images/icons/grzx_113.png') no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

i.imgbt-center {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.icon-deletes {
    background: url('../images/icons/grzx_111.png') no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
}

.icon-addressselect {
    background: url('../images/icons/sp_13.png') no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-top: 2px;
}

.icon-addressselect.cur {
    background: url('../images/icons/dl_06.png') no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-top: 2px;
}

.icon-xiangmu {
    background: url('../images/icon/xiangmu.png') no-repeat;
    background-size: 18px 20px;
}

.icon-huazhuangpin {
    background: url('../images/icon/icon-huazhuangpin.png') no-repeat;
    background-size: 18px 20px;
}

.icon-meijie {
    background: url('../images/icon/icon-meitong.png') no-repeat;
    background-size: 18px 20px;
}

.icon-meijia {
    background: url('../images/icon/icon-meijia.png') no-repeat;
    background-size: 18px 20px;
}

.icon-faxing {
    background: url('../images/icon/icon-faxing.png') no-repeat;
    background-size: 18px 20px;
}

.edit img {
    height: 16px;
    width: 16px;
    margin-top: -4px;
    /*margin-right: 10px;*/
}

.check img {
    height: 16px;
    width: 16px;
    margin-top: -4px;

}

.am-border-bottom {
    border-bottom: 1px solid #e1e1e1;
}

.am-border-top {
    border-top: 1px solid #e1e1e1;
}

.font-color-white {
    color: #FFFFFF !important;
}

.bg-red {
    background-color: #ff6f9e;
}

.bg-qcode {
    background: url("../images/icons/tu_23.jpg");
    background-size: 100%;
}

.bg-yellow {
    background-color: #ff9b1a;
}

.bg-yuye {
    background-color: #e9e9e9;
}

.bg-1 {
    background-color: #45a9f9;
}

.bg-2 {
    background-color: #ff6f9e;
}

.bg-3 {
    background-color: #ffe2ec;
}

i.bofang {
    background: url("../images/icons/sp_33.png");
    width: 50px;
    height: 50px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

i.smallbofang {
    background: url("../images/icons/sp_33.png");
    width: 34px;
    height: 34px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.teshu-yaoqiu {
    width: 100%;
    border: 0;
    outline: medium;
    resize: none;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-7 {
    margin-top: 7px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-fu5 {
    margin-top: -5px;
}

.margin-top-1 {
    margin-top: 1px;
}

.width-25px {
    width: 25px
}

.width-20px {
    width: 20px
}

.my-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 50%;
    position: absolute;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.border-top-bottom-10 {
    border-top: 10px solid #f7f7f7;
    border-bottom: 10px solid #f7f7f7;
}

.my-icon.my-icon-1 {
    background: url("../images/icons/grzx_09.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-11 {
    background: url("../images/icon/icon_44.png") no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
}

.my-icon.my-icon-2 {
    background: url("../images/icons/grzx_07.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-3 {
    background: url("../images/icons/grzx_11.png") no-repeat;
    background-size: 100%;
}

.my-icon.my-icon-4 {
    background: url("../images/icons/grzx_05.png") no-repeat;
    background-size: 100%;
}

.my-icon.my-icon-5 {
    background: url("../images/icons/grzx_45.png") no-repeat;
    background-size: 100%;
    width: 21px;
    height: 21px;
}

.icon-num {
    margin-left: 16px;
    width: 16px;
    height: 16px;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    color: #ffffff;
    position: absolute;
    left: 50%;
    top: 7px;
    background-color: #ff6f9e;
    border-radius: 50px;
    font-style: normal;
    text-align: center;
}

.my-icon.my-icon-6 {
    background: url("../images/icons/grzx_15.png") no-repeat;
    background-size: 100%;
}

.my-icon.my-icon-7 {
    background: url("../images/icons/grzx_13.png") no-repeat;
    background-size: 100%;
}

.my-icon.my-icon-8 {
    background: url("../images/icon/icon_30.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin-left: -2px;
}

.my-icon.my-icon-21 {
    background: url("../images/icons/grzx_52.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-22 {
    background: url("../images/icons/grzx_62.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-23 {
    background: url("../images/icons/grzx_54.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-24 {
    background: url("../images/icons/grzx_58.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-25 {
    background: url("../images/icons/grzx_60.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-26 {
    background: url("../images/icons/grzx_56.png") no-repeat;
    background-size: 100%
}

.my-icon.my-icon-13 {
    background: url("../images/icon/icon_42.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin-left: -2px;
}

.icon-forward-act {
    background: url("../images/icons/icon-forward-act.png") no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    margin-top: -16px;
    position: absolute;
    right: -5px;
    top: 50%;
    z-index: 10;
}

.my-menu-lists .box {
    font-size: 16px;
    padding: 12px 10px;
    position: relative;
}

.my-menu-lists .box:after {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 1rem;
    width: 14px;
    height: 14px;
    background: url("../images/icons/grzx_28.png") no-repeat;
    background-size: 100%;
    display: block;
    content: "";
}

.my-menu-lists.noright .box:after {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 1rem;
    width: 14px;
    height: 14px;
    background: none;
    background-size: 100%;
    display: block;
    content: "";
}

.my-menu-lists.noright .rightdiv {
    padding-top: 3px;
}

.my-menu-lists .box-1 {
    padding-top: 3px;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-3 {
    margin-top: 3px;
}

.select-time .am-u-sm-3 {
    padding: 5px 0;

}

.select-times .am-u-sm-3 {
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.select-day .cur {
    color: #e30083;
}

.select-time .cur {
    background-color: #e30083 !important;
    color: #FFFFFF;
}

.select-time .dis {
    background-color: #dedede;
}

.select-youhuijuan {
    /*height: 175px;*/
    /*overflow-y:auto;*/
}

.select-youhuijuan .am-u-sm-12 {
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
}

.select-youhuijuan .cur {
    color: #6dbc2d;
}

/*****************************填写订单结束*****************************************/

/*******************************我的地址开始*************************************************/
.address-user img {
    height: 15px;
    width: 15px;
    margin-top: -2px;
    margin-right: 5px;
}

.address-phone img {
    height: 16px !important;
    width: 12px !important;
    margin-top: -1px !important;
    margin-right: 5px !important;
}

.address-icon img {
    height: 15px;
    width: 15px;
    margin-top: -3px;
    margin-right: 5px;
}

.edit-btn {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.btn-delete {
    color: #fff;
    background-color: #e30083;
    border-color: #e30083;
}

.btn-delete:hover {
    color: #FFFFFF;
    outline: none;
}

.am-btn-secondary {
    outline: none !important;
}

.am-btn-warning {
    outline: none !important;
}

.margin-top-model {
    margin-top: 55px
}

.margin-top-models {
    margin-top: 5px
}

.padding-top-4pxs {
    padding-top: 4px;
}

.padding-top-3pxs {
    padding-top: 3px;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-13 {
    font-size: 13px;
}

.address-padding {
    padding: 10px 5px 10px 5px;
}

.address-paddings {
    padding: 5px 5px 5px 5px;
}

.address-paddings-1 {
    padding: 10px 5px 10px 5px;
}

.address-paddings img {
    margin-top: -6px;
}

.address-padding input {
    border: 0;
    outline: none;
    /*width: 90%;*/
}

.date-padding input {
    margin-top: -5px;
    border: 0;
    outline: none;
}

.date-paddings input {
    margin-top: -2px;
    border: 0;
    outline: none;
}

/*******************************我的地址结束*************************************************/

/*************************用户评论开始********************************/
[data-am-widget=tabs] {
    margin: 0 !important;
}

.pinglun-tabs {
    position: fixed;
    top: 49px;
    width: 100%;
    z-index: 10;
}

.pinglun-tabs-2 {
    position: fixed;
    top: 105px;
    width: 100%;
    z-index: 1000;
}

.pinglun-tabs-1 {
    /* position: fixed; */
    top: 48px;
    width: 100%;
    z-index: 1000;
}

.am-thumbnails > li {
    /*padding: 0 2px 0 !important;*/
    padding: 0 10px 10px 0 !important;
}

.am-thumbnail {
    padding: 0 !important;
}

/**************************用户评论结束*************************************/

/**************************绑定手机号开始******************************************/
.bd-phone-div {
    background-color: #f2f2f2;
    padding: 5px 10px;
    border-radius: 3px;
}

.bd-phone input {
    border: 0px;
    background-color: #f2f2f2;
    outline: none;
    width: 85%;
}

.zhuche-phone img {
    height: 15px !important;
    width: 14px !important;
    margin-top: -3px !important;
    margin-right: 5px !important;
}

.bd-phone .cur {
    color: #fff;
    background-color: #6dbc2d;
}

/**************************绑定手机号结束******************************************/

/*************************美妆师开始*********************************/
.filter-containers {
    position: absolute;
    width: 100%;
    z-index: 1000;
    /*margin-top: -8px;*/
    /*margin-left: -8px;*/
    margin-top: 5px;
    display: none;;
}

.filter-containers .list-ics {
    display: inline-block;
    width: 22px;
    height: 22px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -3px
}

.filter-containers .list-ics img {
    width: 100%
}

.global-mask {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .38);
    position: absolute;
    z-index: 10;
    top: 85px;
    top: 0;
    /*margin-top: 111px;*/
    padding-top: 50px;
    left: 0;
    display: none
}

.global-mask.layout {
    position: fixed
}

/*************************美妆师结束*********************************/

/************我的开始*************/
.my-top {
    background: url("../images/icons/tu_16.jpg") no-repeat;
    background-size: 100% 165px;
    /*background-color: #45a8f9;*/
    height: 165px;
}

.tuiguang-top {
    background: url("../images/icons/tu_16.jpg") no-repeat;
    background-size: 100% 145px;
    /*background-color: #45a8f9;*/
    height: 145px;
}

.tixian-top {
    background: url("../images/icons/tu_18.jpg") no-repeat;
    background-size: 100% 165px;
    /*background-color: #45a8f9;*/
    height: 165px;
}

.qian-top {
    background: url("../images/icon/tu_7.jpg") no-repeat;
    background-size: 100% 75px;
    /*background-color: #45a8f9;*/
    height: 75px;
    background-color: #ffffff;
}

.yue-top {
    background: url("../images/icon/my/bg_1.png");
    background-size: 100% 130px;
    height: 130px;
}

.my-top-maijia {
    background: url("../images/icon/person-pic02.png") no-repeat;
    background-size: 100% 110px;
    height: 110px;
}

.my-top-maijia img {
    height: 55px;
    width: 55px;
}

.my-top img {
    height: 60px;
    width: 60px;
}

.my-icon-girl {
    background: url("../images/icon/icon-woman.png");
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    margin: 5px 3px 0 5px;
    position: absolute;
    top: -5px;

}

.my-icon-boy {
    background: url("../images/icon/icon-man.png");
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    margin: 5px 3px 0 5px;
    position: absolute;
    top: -5px;

}

.zhanwei {
    position: relative !important;
}

.margin-top-15 {
    margin-top: 15px !important;

}

.margin-top-20 {
    margin-top: 17px !important;

}

.margin-top-10 {
    margin-top: -9px;
    margin-right: 5px;
    color: #666666;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-26 {
    margin-left: 26px;
}

.my-icon-order {
    background: url("../images/icon/my-order.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-icon-pos {
    background: url("../images/icon/dizhi.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-icon-youhuiquan {
    background: url("../images/icon/my-youhuiquan.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-icon-guanzhu {
    background: url("../images/icon/my-guanzhu.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-icon-youli {
    background: url("../images/icon/my-youli.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

/*.my-icon-tucao*/
/*{*/
/*background: url("../images/icon/my-tucao.png");*/
/*background-size: 15px 15px;*/
/*height: 15px;*/
/*width: 15px;*/
/*margin:5px 3px 0 5px;*/
/*}*/

.my-icon-about {
    background: url("../images/icon/my-about.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-message {
    background: url("../images/icon/my-message.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-zuopinji {
    background: url("../images/icon/my-zuopinji.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-ziliao {
    background: url("../images/icon/my-ziliao.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-icon-shouru {
    background: url("../images/icon/shouru.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-icon-tucao {
    background: url("../images/icon/my-tucao.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.my-icon-jifen {
    background: url("../images/icon/jifenshangcheng.png");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 3px 3px 0 5px;
}

.icon-youhuiquan {
    background: url("../images/icons/youhuiquan.png");
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
}

.ic_alipay {
    background: url("../images/icons/ic_alipay.png");
    width: 50px;
    height: 35px;
    background-size: 50px 35px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
}

.ic_wx {
    background: url("../images/icons/ic_wx.png");
    width: 50px;
    height: 35px;
    background-size: 50px 35px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
}

.ic_bank_card {
    background: url("../images/icons/ic_bank_card.png");
    width: 50px;
    height: 35px;
    background-size: 50px 35px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
}

.icon-selects {
    background: url("../images/icons/sp_13.png");
    width: 16px;
    height: 16px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
}

.icon-selects.cur {
    background: url("../images/icons/sp_11.png");

    background-size: 100%;
}

/************我的结束*************/

/*************我的订单开始*******************/
.font-color-main {
    color: #32a4f9 !important;
}

.font-color-13 {
    color: #168052 !important;
}

.select-3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: 0;
    margin-top: -7px;
    width: 100%;
    background: url("../images/icons/shouye_89.png") no-repeat;
    background-position: 100% 55%;
    background-size: 14px 14px;
    height: 24px;
}

.font-color-monney {
    color: #f85722 !important;
}

.font-color-huang {
    color: #ffd241 !important;
}

.font-color-moneys {
    color: #ff4747;
}

.font-color-66 {
    color: #75d69d;
}

.font-color-67 {
    color: #ff4747;
}

.font-color-68 {
    color: #57baf9;
}

.huazhuangshi-pic img {
    width: 30px;
    height: 30px;
}

.margin-status {
    margin-top: 10px;
}

.order-user-name {
    position: absolute;
    top: 10px;
    left: 45px;
}

.huazhuangshi-pic {
    position: absolute;
    top: 5px;
    left: 10px;
}

.paddingleft-0 {
    padding: 0 0 0 10px;
}

.padding-xiangmu {
    padding: 0.5rem 0 0 10px;
}

.padding-orders {
    padding: 0.5rem 0 0 30px;
}

.padding-orders-2 {
    padding: 0.2rem 0 0 30px;
}

.padding-xiangmu-right {
    padding: 0.5rem 0 0 0;
}

.padding-xiangmu-rights {
    padding: 0.5rem 5px 0 0;
}

.padding-bottom-right {
    padding: 0 0 0.5rem 0;
}

.order-btn {
    border: 1px solid #dcdcdc;
    width: 60px
}

.qt-btn {
    position: absolute;
    left: 10px
}

.qt-huan {
    position: absolute;
    left: 70px;

}

/*************我的订单结束*******************/

/*************订单详情开始************************/
.padding-3px {
    padding-top: 0px;
}

.padding-top-3px {
    padding-top: 3px;
}

.statusredcircle {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ff4747;
    position: absolute;
    left: 0px;
    top: 0px;
}

.padding-top-2px {
    padding-top: 2px;
}

.padding-top-6pxs {
    padding-top: 8px;
}

.padding-3 {
    padding-top: 9px !important;
}

.padding-5px {
    margin-top: 15px;
}

.order-detail-status {

}

.order-detail-left-1 {
    background: url('../images/icons/order/order.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 5px;
}

.order-detail-status .order-detail-left-1.cur {
    margin-top: 5px;
    background: url('../images/icons/order/order_on.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-left-2 {
    margin-top: 5px;
    background: url('../images/icons/order/service.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-status .order-detail-left-2.cur {
    margin-top: 5px;
    background: url('../images/icons/order/service_on.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-left-3 {
    margin-top: 5px;
    background: url('../images/icons/order/time.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-status .order-detail-left-3.cur {
    margin-top: 5px;
    background: url('../images/icons/order/time_on.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-left-4 {
    margin-top: 5px;
    background: url('../images/icons/order/gou.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-status .order-detail-left-4.cur {
    margin-top: 5px;
    background: url('../images/icons/order/gou_on.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-left-5 {
    margin-top: 5px;
    background: url('../images/icons/order/pingjia.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-status .order-detail-left-5.cur {
    background: url('../images/icons/order/pingjia_on.png') no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
}

.order-detail-status .order-detail-right.cur {
    /*background:url('../images/icon/bg_1.png') no-repeat;background-size: 100% 40px;*/
    height: 40px;
    padding-top: 1px;
    color: #e58c0f
}

.order-detail-right {
    /*background:url('../images/icon/bg_2.png') no-repeat;background-size: 100% 40px;*/
    height: 40px;
    padding-top: 1px;
    color: #666666;
    line-height: 40px;
}

.order-detail-mid {
    border-left: 1px solid #999999;
    margin-left: 26px
}

/**************订单详情结束***********************/

/******评价****/
.add-file {
    background: url('../images/icons/add_pic.png') no-repeat;
    height: 60px;
    width: 60px;
    background-size: 60px 60px;
    margin-left: 2px
}

.add-files {
    background: url('../images/icons/shang.png') no-repeat;
    height: 60px;
    width: 60px;
    background-size: 60px 60px;
    margin-left: 2px
}

/****积分***********/

.score-list img {
    width: 70px !important;
    height: 70px !important;
}

.score-padding-top {
    padding-top: 17px;
}

.font-grays {
    color: #666666;
    font-size: 10px;
}

/**********************化妆师客户端开始***************************/
.login-bg {
    width: 100%;
    height: 100%;
    paddgin: 0px;
    margin: 0px;
    overflow: hidden;
    background: url('../images/icon/background.png') no-repeat;
    background-size: 100% 100%;
}

.login-img img {
    width: 80px;
}

.btn-ra {
    border-radius: 5px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    padding: 0px 0 0 0 !important;
}

.login-user img {
    height: 15px !important;
    width: 13px !important;
    margin-top: 0px !important;
    margin-right: 5px !important;
}

.bd-login-div {
    padding: 6px 0;
    margin: 0 0 0 15px;
}

.bd-login input {
    border: 0px;
    background: none;
    outline: none;
    width: 80%;
}

.login-div-bg {
    background: rgba(235, 236, 238, 0.6);
}

.login-border {
    border-top: 1px solid #949494;
}

.login-delete {
    background: url('../images/icon/delete-icon.png') no-repeat;
    height: 16px;
    width: 16px;
    background-size: 16px 16px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-35 {
    font-size: 35px !important;
}

.padding-left-img {
    padding-left: 90px;
}

.top-img {
    position: absolute;
    top: 75px;
    left: 15px;
}

/*******************化妆师我的***************/
.span-btn {
    position: absolute;
    right: 10px;
    top: 65px;
}

.span-btn-top {
    background: #e9f5eb;
    font-size: 14px;
    color: #8d928e;
    padding: 5px 10px;
    border-radius: 3px;
}

.span-btn-bottom {
    background: #2cca77;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
}

.goodnum {
    background-color: #ededed;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 26px;
    border-radius: 3px;
}

/*.piaofu {*/
/*font-size: 12px;*/
/*color: #ffffff;*/
/*z-index: 10;*/
/*position: absolute;*/
/*left: 0;*/
/*bottom: 35px;*/
/*width: 100%;*/
/*padding: 5px 0px 5px 5px;*/
/*height: auto;*/
/*background-color: rgba(60, 47, 39, 0.4);*/
/*box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;*/
/*}*/

.rative {
    position: relative
}

.select-date {
    height: 30px;
    width: 90%;
    margin-left: 5%;
    background: #FFFFFF;
    border-radius: 3px;
}

.select-date img {
    height: 16px;
    width: 16px;
    margin-left: 10px;
}

.margin-top-right {
    margin-top: -6px;
    margin-right: 5px;
    color: #888888;
}

.am-date {
    color: #b6b6b6;
}

.am-date .am-u-sm-3 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.am-date .cur {
    color: #e30083;
}

.huazhuangshi-apply input {
    border: 0px;
    background-color: #FFFFFF;
    outline: none;
}

.huazhuangshi-apply .cur {
    color: #fff;
    background-color: #e30083;
}

.huazhuangshi-apply-div {
    background-color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 3px;
}

.huazhuangshi-apply-divs {
    background-color: #f0f0f0;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0 5px;
}

.huazhuangshi-apply input {
    width: 100%;
}

.margin-top-30 {
    margin-top: 20px;
    margin-left: 5px;
}

.margin-top-30s {
    margin-top: 20px;

}

.margin-top-30ps {
    margin-top: 30px !important;

}

.zhijie-yuyue {
    background-color: #e30083;
    padding: 5px 10px;
    border-radius: 3px;
}

.bd-card-div {
    /*background-color: #FFFFFF;*/
    padding: 4px 10px 5px 10px;
    border-radius: 3px;
    border: 1px solid #d5d5d5;
}

.bd-card-div input {
    border: 0;
    outline: none;
    width: 100%;
    margin-top: -3px;
}

.card-font {
    position: absolute;
    top: -13px;
    left: 35%;
    background-color: #f0f0f0;
    width: 30%;
    text-align: center
}

.font-size-60 {
    font-size: 60px
}

.font-size-30 {
    font-size: 30px;
    padding-top: 23px !important;
}

.font-size-30s {
    font-size: 26px;
}

.font-size-40 {
    font-size: 40px;
    padding-top: 15px !important;
}

.card-1 {
    background: url('../images/icon/yhq-weishiyong.png');
    height: 90px;
    width: 100%;
    background-size: 100% 90px;
    color: #333333;;
}

.card-1 .status {
    /*margin-left: 20px; */
    height: 35px;
    /*width: 90px;*/
    line-height: 35px;
    text-align: left;
    color: #FFFFFF;
    font-size: 18px;
    /*border: 1px solid #FFFFFF; border-radius: 2px;*/
    /*margin-top: -5px;*/
    /*margin-bottom: 10px;*/
}

.card-1 .right-div {
    padding-left: .8rem;
    padding-top: 5px;
    /*position: absolute;*/
    /*top: 12px;*/
    /*left: 1rem;*/
}

.card-2 {
    background: url('../images/icons/5.png');
    height: 100px;
    width: 100%;
    background-size: 100% 100px;
    color: #777777;
}

.card-2 .status {
    margin-top: -5px;
    margin-bottom: 10px;
    /*margin-left: 20px;*/
    height: 35px;
    /*width: 90px;*/
    line-height: 35px;
    /*text-align: center;*/
    color: #FFFFFF;
    /*border: 1px solid #FFFFFF;*/
    border-radius: 2px;
}

.card-2 .right-div {
    position: absolute;
    top: 12px;
    left: 32%;
}

.card-3 {
    background: url('../images/icon/yhq-yishiyong.png');
    height: 90px;
    width: 100%;
    background-size: 100% 90px;
    color: #333333;
}

.card-3 .status {
    /*margin-top: -5px;*/
    /*margin-bottom: 10px;*/
    /*margin-left: 20px; */
    height: 35px;
    /*width: 90px;*/
    line-height: 35px;
    /*text-align: center;*/
    color: #FFFFFF;
    /*border: 1px solid #FFFFFF;*/
    /*border-radius: 2px;*/
}

.card-3 .right-div {
    padding-left: .8rem;
    padding-top: 5px;
}

.card-4 {
    background: url('../images/icon/yhq-guoqi.png');
    height: 90px;
    width: 100%;
    background-size: 100% 90px;
    color: #333333;
}

.card-4 .status {
    /*margin-top: -5px;*/
    /*margin-bottom: 10px;*/
    /*margin-left: 20px;*/
    height: 35px;
    /*width: 90px;*/
    line-height: 35px;
    /*text-align: center; */
    color: #FFFFFF;
    /*border: 1px solid #FFFFFF;*/
    border-radius: 2px;
}

.card-4 .right-div {
    padding-left: .8rem;
    padding-top: 5px;
}

.card-5 {
    background: url('../images/icons/4.png');
    height: 100px;
    width: 100%;
    background-size: 100% 100px;
    color: #ff8976;
}

.card-5 .status {
    margin-top: -5px;
    margin-bottom: 10px;
    /*margin-left: 20px;*/
    height: 35px;
    /*width: 90px;*/
    line-height: 35px;
    text-align: left;
    color: #FFFFFF;
    /*border: 1px solid #FFFFFF;*/
    border-radius: 2px;
}

.card-5 .right-div {
    position: absolute;
    top: 12px;
    left: 32%;
}

.font-question {
    font-size: 20px;
    color: #949494;
}

.margin-auto {
    margin: auto
}

/***********我的收入*****/
.shouru-bg {
    width: 100%;
    height: 100%;
    paddgin: 0px;
    margin: 0px;
    overflow: hidden;
    background: url('../images/icon/bg.png') no-repeat;
    background-size: 100% 100%;
}

/*******分享******/
.text-share {
    background: url(../images/icons/share_modal.png) no-repeat right center;
    width: 100%;
    height: 155px;
    background-size: contain;
    top: 0;
    display: block;
}

.mod-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2000;
    top: 0;
    left: 0;
    display: none;
}

/******是否选择*****/
.ui-switch {
    /*position: absolute;*/
    font-size: 16px;
    /*right: 15px;*/
    top: 6px;
    width: 52px;
    height: 22px;
    line-height: 1em;
    margin-right: 50px;
    margin-top: 5px;
}

.ui-switch .input {
    width: 52px;
    height: 22px;
    position: absolute;
    z-index: 10;
    border: 0;
    background: 0 0;
    -webkit-appearance: none;
    outline: 0
}

.ui-switch .input:before {
    content: '';
    width: 50px;
    height: 25px;
    border: 1px solid #dfdfdf;
    background-color: #fdfdfd;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #dfdfdf;
    -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    -webkit-transition: border .4s, -webkit-box-shadow .4s;
    transition: border .4s, box-shadow .4s;
    -webkit-background-clip: content-box;
    background-clip: content-box
}

.ui-switch.cur .input:before {
    border-color: #ff6f9e;
    -webkit-box-shadow: #ff6f9e 0 0 0 16px inset;
    box-shadow: #ff6f9e 0 0 0 16px inset;
    background-color: #ff6f9e;
    transition: border .4s, box-shadow .4s, background-color 1.2s;
    -webkit-transition: border .4s, -webkit-box-shadow .4s, background-color 1.2s;
    background-color: #ff6f9e
}

.ui-switch.cur .input:after {
    left: 27px
}

.ui-switch .input:after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -webkit-transition: left .2s;
    transition: left .2s
}

.free {
    background-color: #e30083;
    padding: 2px 4px;
    border-radius: 2px;
    color: #FFFFFF
}

/********保险********/
.bd-baoxian-div {
    background-color: #f2f2f2;
    padding: 3px 10px 7px 10px;
    border-radius: 3px;
}

.bd-baoxian input {
    border: 0px;
    background-color: #f2f2f2;
    outline: none;
    width: 90%;
}

.baoxian-border {
    border-bottom: 1px solid #e30083
}

.am-address i.cur {
    position: absolute;
    bottom: 4px;
    left: 10px;
    height: 15px;
    width: 15px;
    background: url("../images/icon/yuyue/select_on.png") no-repeat;
    background-size: 15px 15px;

}

.am-address i {
    position: absolute;
    bottom: 4px;
    left: 10px;
    height: 15px;
    width: 15px;
    background: url("../images/icon/yuyue/select.png") no-repeat;
    background-size: 15px 15px;

}

.jifen-bg {
    background-color: #FD5C63;
    width: 100%;
    /*height: 150px;*/
}

.font-30 {
    font-size: 30px !important;
}

.font-38 {
    font-size: 38px !important;
}

.font-color-41 {
    color: #ff4747;
}

.needone {
    width: 80px;
    border: 1px solid #ff4747;
    border-radius: 5px;
    margin: 0 auto;
    color: #ff4747;
    background-color: #ffffff;
    font-size: 14px;
    padding: 14px 10px 8px;
}

.needtwo {
    width: 80px;
    border: 1px solid #2cca77;
    border-radius: 5px;
    margin: 0 auto;
    color: #2cca77;
    background-color: #ffffff;
    font-size: 14px;
    padding: 14px 10px 8px;
}

.needthree {
    width: 80px;
    border: 1px solid #74d0ff;
    border-radius: 5px;
    margin: 0 auto;
    color: #74d0ff;
    background-color: #ffffff;
    font-size: 14px;
    padding: 14px 10px 8px;
}

.icon-select {
    background: url("../images/icons/dl_08.png");
    width: 16px;
    height: 16px;
    background-size: 100%;
    margin-top: 2px;
    /*margin: 0 auto;*/
}

.icon-select.cur {
    background: url("../images/icons/sp_11.png");
    width: 16px;
    height: 16px;
    background-size: 100%;
    margin-top: 2px;
    /*margin: 0 auto;*/
}

.icon-selectone {
    background: url("../images/icons/iconselectone.png");
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 auto;
}

.icon-selecttwo {
    background: url("../images/icons/seelcttwo.png");
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 auto;
}

.icon-selectthree {
    background: url("../images/icons/selectthree.png");
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 auto;
}

.input-1 {
    border: 0;
    margin-top: -4px;
    outline: 0;
    width: 100%;
    /*background: url("../images/icon/shouye_89.png") no-repeat;*/
    /*background-position: 100% 20px;*/
    /*background-position: right;*/
    background-size: 20px 20px;
}

.input-111 {
    border: 0;
    margin-top: -4px;
    outline: 0;
    background-size: 20px 20px;
}

.input-2 {
    border: 0;
    margin-top: -4px;
    outline: 0;
    width: 100%;
}

.input-3 {
    border-radius: 3px;
    /*margin-top: -4px;*/
    outline: 0;
    border: 0;
    width: 130px;
    height: 36px;
    background-color: #fedad7;
    color: #fa2b38;
    text-align: center;
}

.icon-lianjie {
    background: url("../images/icons/grzx_67.png");
    width: 18px;
    height: 18px;
    background-size: 100%;
    margin-top: 21px;
}

.icon-huangguan {
    background: url("../images/icons/grzx_103.png");
    width: 25px;
    height: 18px;
    background-size: 100%;
    /*margin-top: 21px;*/
}

.input-4 {
    /*margin-top: -4px;*/
    outline: 0;
    border: 0;
    /*width: 100px;*/
    width: 100%;
    height: 38px;
    background-color: #f8f8f8;
    color: #333333;
    /*padding-left: 18px;*/
    position: relative;
    border-radius: 50px;
    /*text-align: center;*/
}

i.icon-date {
    width: 16px;
    height: 16px;
    background: url("../images/icon/icon_24.png");
    background-size: 100%;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    z-index: 1;
}

.addpne {
    background: url("../images/icons/addone.png");
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 auto;
}

.addtwo {
    background: url("../images/icons/addtwo.png");
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 auto;
}

.addthree {
    background: url("../images/icons/addthree.png");
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin: 0 auto;
}

.bigselectdiv {
    width: 80px;
    border-radius: 5px;
    margin: 0 auto;
    color: #353535;
    background-color: #e8e8e8;
    font-size: 14px;
    padding: 14px 10px 8px;
    position: relative;
    height: 80px;
}

.bigselectdiv.cur {
    background-color: #2cca77;
    color: #ffffff;
}

.bigselectdiv.cur .bigselect {
    background: url("../images/icons/bigselect.png");

    background-size: 100%;
}

.bigselectcontent {
    height: 40px;
    margin-top: 18px;
    overflow: hidden
}

.bigselect {
    background: url("../images/icons/bignoselect.png");
    width: 22px;
    height: 22px;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

.bigselectfont {

}

.btn-5 {
    width: 100%;
    margin: 0 auto;
    background-color: #45a9f9;
    color: #FFFFFF;
    height: 38px;
    line-height: 39px;
    text-align: center;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
}

.btn-88 {
    width: 100%;
    margin: 0 auto;
    background-color: #ff6f9e;
    color: #FFFFFF;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 2px;
    font-size: 16px;
    position: relative;
}
.btn-88.white-border{background-color: #fff;border: 1px #ddd solid;color:#666;}
.font-color-45 {
    color: #FD5C63;
}

.font-color-30 {
    color: #686868 !important;
}

.font-color-49 {
    color: #c6c6c6 !important;
}

.word-space-2 {
    letter-spacing: 2px;
}

.btnedit {
    background-color: #45a8f9;
    padding: 5px 15px;
    border-radius: 5px;
    color: #ffffff;
    letter-spacing: 2px;
}

.btndelete {
    background-color: #f95757;
    padding: 5px 15px;
    border-radius: 5px;
    color: #ffffff;
    letter-spacing: 2px;
}

.img-55 {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50%;
}

.font-color-16 {
    color: #929292 !important;
}

.font-color-77 {
    color: #36cc7e !important;
}

.dateselect {
    border: 1px solid #929292;
    color: #929292;
    font-size: 14px;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.dateselect.cur {
    background-color: #2cca77;
    color: #ffffff;
    border: 1px solid #2cca77;
}

.border-bottom-3 {
    border-bottom: 1px solid #ededed !important;
}

/****新加*****/
.icon-yuyue {
    background: url("../images/icons/yuding.png");
    width: 185px;
    height: 193px;
    background-size: 185px 193px;
}

.font-underline {
    text-decoration: underline;
}

.font-color-88 {
    color: #ff8a00 !important;
}

.padding-top-bottom-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pic-mid {
    /*width: 100%;*/
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.bgmainblock {
    width: 6px;
    height: 16px;
    background-color: #ff6f9e;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -8px;
}

.icon-tuwen {
    width: 16px;
    height: 16px;
    background: url("../images/icons/tg_03.png");
    background-size: 100%;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -8px;
}

.icon-shiping {
    width: 16px;
    height: 16px;
    background: url("../images/icons/tg_05.png");
    background-size: 100%;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -8px;
}

.search-1 {
    width: 100%;
    height: 31px;
    line-height: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    border-radius: 15px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    position: relative;
    /*border: 1px solid #11b7f3;*/
}

.margin-left-35-right-35 {
    margin: 0 35px 0 35px !important
}

.search-1 input {
    outline: 0;
    border: 0;
    width: 100%;
    font-size: 15px;
    width: 85%;
    color: #5e5e5e;
    padding-left: 10px;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.search-1 .searchtitle {
    /*width: 100%;*/
    width: 85%;
    /*color: #909090;*/
    color: #888888;
    padding-left: 10px;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.file {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    text-indent: 0
}

.file input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    height: 100%
}

.resou {

}

.resou ul {
    padding-left: 0rem;
}

.resou ul li a {
    color: #333333;
    background-color: #f8f8f8;
    padding: 3px 20px;
    float: left;
    border-radius: 50px;
    font-size: 14px;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.resou ul li a:focus, .resou ul li a:active {
    color: #999999;
}

.zixunlist .item:last-child {
    border-bottom: 0 !important;
}

.titlepostion {
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    /*width: 100%;*/
    background-color: rgba(0, 0, 0, 0.4);
}

.zanpiclist li {
    float: left;
    margin-right: 5px;
    margin-bottom: .75rem;
}

.icon-shengli {
    position: relative;
}

.icon-shengli:before {
    content: " ";
    position: absolute;
    width: 100px;
    height: 60px;
    background: url("../images/icon/faxian_272.png");
    background-size: 100px 60px;
    left: 7px;
    bottom: -8px;
    z-index: 1;
}

.icon-shengli:after {
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url("../images/icon/faxian_241.png");
    background-size: 100%;
    left: 50%;
    margin-left: -10px;
    top: -20px;
    z-index: 1;
}

.icon-se1 {
    background-color: #45a8f9;
    width: 20px;
    height: 3px;
}

.icon-se2 {
    background-color: #f6ae24;
    width: 20px;
    height: 3px;
}

.icon-se3 {
    background-color: #f87272;
    width: 20px;
    height: 3px;
}

.icon-hongdian {
    width: 6px;
    height: 6px;
    background-color: #ff3e69;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: 10px;
    top: 4px;

}

.mymenu img {
    width: 30px;
}

.changetiaojian {
    border: 1px solid #ffffff;
    border-radius: 50px;
    font-size: 14px;
    line-height: 30px;
    margin: auto;
    margin-top: 10px;
    width: 180px !important;

}

.changetiaojian .left {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.changetiaojian .right {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.changetiaojian .tiaojiancontent.cur {
    background-color: #ffffff;
    color: #45a8f9;
}

i.kefu {
    background: url("../images/icons/sy_18.png");
    width: 40px;
    height: 40px;
    background-size: 100%;
    position: fixed;
    bottom: 60px;
    right: 15px;
}
i.product-shopp {
    background: url("../images/icons/cp_31.png");
    width: 40px;
    height: 40px;
    background-size: 100%;
    position: fixed;
    bottom: 60px;
    right: 15px;
}

.tab-container {

display: flex;

flex-direction: row;

flex-wrap: nowrap;

overflow-x: scroll;

/* justify-content: space-around; */

align-items: center;

padding-left: 1rem;
}

/*tab栏的条目数,自动均分*/
.tab-items {
    flex: 1 0 90px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    box-sizing: border-box;
}
.tab-items a{
    padding-bottom: 10px;
    padding-top: 13px;
    border-bottom: 3px solid #f8f8f8;
    display: inline-block;
}
.tab-items.cur a{
    box-sizing: border-box;
    border-bottom: 3px solid #ff6f9e;
    color: #ff6f9e;
}

.font-shupai{
    width: 18px;
    font-size: 18px;
    word-wrap: break-word;
    line-height: 24px;
}

/*蓝色*/
.am-header-default .am-header-title, .am-header-default .am-header-title a{    color: #fff  }
.am-header-default{background:#22292c;}

.am-header-default .am-header-nav > a{color: #ffffff;}

.am-benj{ padding: 8px 16px;}
.am-benj-prou{ padding:15px;}
.am-listborder{ border: 1px #ddd solid;border-radius: 5px;}
.am-listborder-shadow{ box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);  border-radius: 2px;}
.am-listcent{ margin-top: 10px; margin-left: 15px;}
.am-color-blue{color: #66bbfa;}
.am-bg-blue{background: #66bbfa;}

.am-he-time{background: #d4d4d4;  border-radius: 5px;  padding: 5px;  color: #fff;}

.am-tabs-d2 .am-tabs-nav{background: #fff;}
.am-tabs-d2 .am-tabs-nav a{font-size: 14px;}
.am-tabs-d2 .am-tabs-nav > .am-active a{color: #32a4f9;}
.am-tabs-d2 .am-tabs-nav > .am-active:after{border-bottom: 3px solid #32a4f9;}

.am-for-bg{background: #32a4f9; color: #fff;border-radius: 5px;text-align: center;}
.icon-news{background: url(../images/icons/news.png);  width: 25px;  height: 18px;  background-size: 100%;    margin: 0 auto;}
.icon-news-white{background: url(../images/icons/news-whit.png);  width: 18px;  height: 18px;  background-size: 100%;    margin: 0 auto;}

.am-me-w80{    position: absolute;  top: -20px;  border: 3px #fff solid;  border-radius: 100%;  width: 80px;}
.am-margin-left-90{ margin-left: 90px;}


.tixian-top-me{background: url(../images/icons/tu-me-bg.jpg) no-repeat;  background-size: 100% 165px;
    /* background-color: #45a8f9; */  height: 165px;}

.tixian-top-me-max{
    background: url(../images/icons/mp_17.png) no-repeat;
    background-size: 100% 260px;
    /* background-color: #45a8f9; */
    height: 260px;
    }

.relative{position: relative;}

.tixian-top-me-ma-repeaty{
    background: url(../images/icons/mp_17.png) repeat;
    background-size: 100% 260px;
}
.me-top img{ width: 60px;height: 60px;border: 3px #fff solid;}
.btn-88{background-color: #32a4f9;border-radius: 5px;}
.am-input{border: none;  outline: none;  width: 200px;  font-size: 15px;  color: #787878;  vertical-align: inherit !important;}
.am-input2{border: none;  outline: none;  width: 100%;  font-size: 15px;  color: #787878;  vertical-align: inherit !important;}
.am-input3{border: none;  width: 200px; outline: none;  font-size: 15px;  color: #787878;  vertical-align: inherit !important;}
.am-tabs-d2 .am-tabs-nav a{color: #333;}
.am-tab-title{    color: #333;  line-height: 42px;  font-size: 14px;}

.layui-card:last-child {
    margin-bottom: 0;
}
.layui-card {
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #fff;border: 1px #e5e5e5 solid;
}
.data-list .layui-card {
    height: 127px;
    text-align: center;
}


.data-list .layui-card .max-number-font {
    font-size: 35px;
    font-weight: bold;
    color: #00a0ff;
    padding-top: 8px;
}
.data-list .layui-card .percentage-font {
    font-size: 14px;
    color: #00c892;
    /* padding-top: 10px; */
}
.data-list .layui-card .min-font {
    font-size: 14px;
    color: #999;
    padding-top: 0px;
}
[class*=am-u-] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.data-list[class*=am-u-]+[class*=am-u-]:last-child {
    float: left;
}
.data-list,.data-list-tow{padding-bottom: 15px;}


.data-list-tow .layui-card {

    text-align: center;padding:15px;
}
.data-list-tow .layui-card img{display: block;
    max-width: 100%;
    height: auto;}


.am-revise-bg{background: #fff; color: #32a4f9;width:40px;height:40px;border-radius:100%;text-align: center;box-shadow:0px 1px 5px 1px rgba(0,0,0,.1);}
.am-me-w80-square{border-radius:5px;width:80px;}
.am-me-w80-square img{border-radius:5px;}
.am-margin-left-90{ margin-left: 90px;}
.am-padding-top-3{ padding-top: 3px;}

.am-me-if{margin-top: 15px;padding-right: 10px;border-top: 1px #ddd dashed; padding-top: 5px;}
.am-me-if .ma-me-ifcont{/* border-top:1px #ddd dashed; */margin-bottom:5px;/* padding-top: 10px; */margin-top: 5px;padding-left:0px;}
.am-me-if .ma-me-ifcont .ico-app{ width: 16px;height: 16px;margin-right:5px;background: url(../images/icons/app.png) no-repeat;  background-size: 14px;display: inline-block;
    vertical-align: middle;}
.am-me-if .ma-me-ifcont .ico-mail{
    width: 16px;
    margin-right:5px;
    height: 16px;
    background: url(../images/icons/mail.png) no-repeat;
    background-size:14px;
    display: inline-block;
    vertical-align: middle;
    }

.overflow-hidden{overflow: hidden;}

.my-icon.my-icon-me1 {
    background: url("../images/icons/me-01.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-me2 {
    background: url("../images/icons/me-02.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-me3 {
    background: url("../images/icons/me-03.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-me4 {
    background: url("../images/icons/me-04.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-me5 {
    background: url("../images/icons/me-05.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-me6 {
    background: url("../images/icons/pencil.png") no-repeat;  background-size: 100%
}
.add-user-icon.my-icon-user01 {
    background: url("../images/icons/user01.png") no-repeat;  background-size: 100%
}
.add-user-icon.my-icon-user02 {
    background: url("../images/icons/user02.png") no-repeat;  background-size: 100%
}

.my-icon.my-icon-pu01 {
    background: url("../images/icons/userg01.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-pu02 {
    background: url("../images/icons/userg02.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-pu03 {
    background: url("../images/icons/userg03.png") no-repeat;  background-size: 100%
}

.my-icon.my-icon-mp1 {
    background: url("../images/icons/mp_24.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-mp2 {
    background: url("../images/icons/mp_26.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-mp3 {
    background: url("../images/icons/mp_28.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-mp4 {
    background: url("../images/icons/mp_30.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-mp5 {
    background: url("../images/icons/mp_32.png") no-repeat;  background-size: 100%
}

.my-icon.my-icon-11 {
    background: url("../images/icons/11.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-22 {
    background: url("../images/icons/22.png") no-repeat;  background-size: 100%
}
.my-icon.my-icon-33 {
     background: url("../images/icons/33.png") no-repeat;  background-size: 100%
 }
.my-icon.my-icon-44 {
    background: url("../images/icons/44.png") no-repeat;  background-size: 100%
}
.add-user-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    top: 50%;
    position: absolute;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    }

.tixian-top-me-maxlg{
    background: url(../images/icons/mp_17.png) no-repeat;
    background-size: 100% 100%;
    /* background-color: #45a8f9; */
    height: 100%;
}

.cod-box{ border-top: 1px #ddd dashed; margin-top: 20px; padding-top: 20px;padding-bottom: 20px;text-align: center}
.cod-box img{ display: block;  max-width: 40%;  height: auto;margin: auto;}

.c-button{border: 1px #ddd solid; border-radius: 30px; font-size: 14px; padding:5px 25px; color: #666; text-align: center; width:190px; margin: 10px auto;}
.c-button .download-ico{width:14px; margin-right: 10px; display:inline-block; vertical-align: middle; height:14px;background: url("../images/icons/download-ico.png") no-repeat;  background-size: 100%}

.am-friend img{ display: block;  max-width: 100%;  height: auto; margin-top: 10px;}

.border-circle{border-radius: 100%;}

/* 朋友圈*/
#list {
    padding:0px;background: #fff;
}
#list, #list li, .po-hd, .post {overflow: hidden;}
#list ul{
    padding:0px;
}
#list li {
    line-height: 1.5;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 15px;
    padding-bottom: 15px;
}
#list li, .po-hd {
    position: relative;
}
#list li, .cmt-wrap, .r, .time {
    clear: both;
}
#list, #list li, .po-hd, .post {
    overflow: hidden;
}
.po-avt-wrap {
    padding-left: 10px;
}
.po-avt {
    width: 40px;
    height: 40px;
    top: 0;
    left: 10px;
}
#share a:nth-child(2), .ads, .po-avt {
    position: absolute;
}
.po-cmt {
    padding-left: 60px;
    padding-right: 10px;
    width: 100%;
    box-sizing: border-box;
}
.po-cmt, .post .list-img:nth-child(1), .time {
    float: left;
}
.po-name {
    color: #576b95;
}
.post {
    color: #252525;
    padding-bottom: 10px;
}
.post .list-img {
    width: 30%;
    max-height: 80px;
    max-width: 80px;
    padding-right: 5px;
    float: left;
    object-fit: cover;
}
.post img {
    padding: 10px 5px 0 0;
    display: block;
    max-height: 130px;
    max-width: 130px;
}
.post .list-img:last-child {
    padding-right: 0;
}
.time {
    color: #b1b1b1;
}
@media screen and (min-width: 350px){
    .time {
        font-size: 13px;
    }}

@media screen and (min-width: 350px){
    .cmt-wrap {
        font-size: 14px;
    }
}

.c-icon {
    width: 20px;
    float: right;
}
.r {
    border-bottom: 8px solid #eee;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    width: 1px;
    margin-top: 5px;
    margin-left: 10px;
}
.cmt-wrap {
    width: 100%;
    background-color: #eee;
}
.like {
    color: #576b95;
    padding: 5px 5px 3px 12px;

}
.like:after{
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.like img {
    width: 14px;
    padding-right: 5px;
    float:left;
    margin-top:5px;

}
.like>div{
    float:left;
    margin-right: 5px;
}
.cmt-list {
    padding: 5px 12px;
    color: #454545;
}
.cmt-list p {
    padding-top: 3px;
}
.cmt-list span {
    color: #3b5384;
}
.friend-mar0{margin: 0px;}

/* 产品*/
.am-slider-default .am-control-nav li a{background-color: #fff;}
.am-slider-default .am-control-nav li a.am-active{background: #32a4f9;}
.product-box .margin-bottom0{margin-bottom: 0px;}
.product-box p img {border-top-left-radius: 2px;border-top-right-radius: 2px;  display: block;  max-width: 100%;  height: auto;  }
.product-box-details .margin-bottom0{margin-bottom: 0px;}
.product-box-details p img { display: block;  max-width: 100%;  height: auto;  }

.icon-relay {
    background: url(../images/icons/cp_07.png) no-repeat;
    background-size: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    top: 50%;
}
.icon-consult{background: url(../images/icons/cp_09.png) no-repeat;
background-size: 100%;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
top: 50%;
}
.icon-buy{background: url(../images/icons/cp_03.png) no-repeat;
     background-size: 100%;
     width: 16px;
     height: 16px;
     display: inline-block;
     vertical-align: middle;
     top: 50%;margin-right:5px;
 }
.icon-zf{background: url(../images/icons/mp_06.png) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    top: 50%;margin-right: 10px;
}
.icon-love{background: url(../images/icons/mp_08.png) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    top: 50%;margin-right: 10px;
}
.icon-order1{background: url(../images/icons/cp_05.png) no-repeat;
    background-size:100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    top:50%;margin-right: 5px;
}
.empty-box { margin-top: 200px;text-align: center;}
.icon-empty{
    background: url(../images/icons/cp_28.png) no-repeat;
    background-size:100%;
    width: 80px;
    height: 80px;
    display:inline-block;
}
.icon-meuser{
    background: url(../images/icons/pyq_42.png) no-repeat;
    background-size:100%;
    width: 80px;
    height: 80px;
    display:inline-block;
}
.icon-empty-empty{
    background: url(../images/icons/kong_03.png) no-repeat;
    background-size:100%;
    width: 80px;
    height: 80px;
    display:inline-block;
}
.icon-let{
    background: url(../images/uploads/let.png) no-repeat;
    background-size:100%;
    width: 80px;
    height: 80px;
    display:inline-block;
}
.icon-let01{
     background: url(../images/uploads/let1.png) no-repeat;
     background-size:100%;
     width: 80px;
     height: 80px;
     display:inline-block;
 }
.icon-let02{
    background: url(../images/uploads/let2.png) no-repeat;
    background-size:100%;
    width: 80px;
    height: 80px;
    display:inline-block;
}
.minpc{height: 35px;margin-top: 15px;line-height: 30px; line-height: 30px;}
.tu-max{padding-right: 10px;  width: 100%;}
.love-box{position: absolute;top:10px;right:10px;}

.goodadd
{
    background: url("../images/icons/addico.png") no-repeat;
    background-size: 100%;
    width: 26px;
    height: 26px;


}


.am-tabs-d2 .am-tabs-nav.bg-gray-3{border-bottom: 1px #ddd solid;}

.am-tabs-d2 .am-tabs-nav.bg-blue> .am-active{background-color: #32a4f9;}
.am-tabs-d2 .am-tabs-nav.bg-blue> .am-active a{color: #fff;}

.icon-cont-right {
    position: absolute;
    right: .8rem;
    top: 50%;
    margin-top: -8px;
}

.one-ico{position: absolute;top:-15px;left:-5px; width: 30px;height: 30px;}
.one{background: url("../images/icons/01.png") no-repeat;background-size: 100%;}
.tow{background: url("../images/icons/02.png") no-repeat;background-size: 100%;}
.three{background: url("../images/icons/03.png") no-repeat;background-size: 100%;}
.tu-piodata{padding: 15px; }
.tu-piodata img{display: block;  max-width: 100%;  height: auto;}
.empty-box.tow-boxcont{    background: #fff;
    width: 200px;
    margin: 0 auto;
    padding: 10px;
    border: 1px #ddd solid;
    margin-top: 60px;
    border-radius: 5px;}
[v-cloak]{
    display: none;
}
.mask {
    position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
    z-index: 1002; left: 0px;
    opacity:0.5; -moz-opacity:0.5;
}
